<template>
  <div>
    <div class="head">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/Setting' }">设置</el-breadcrumb-item>
        <el-breadcrumb-item></el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="content">
      <el-card>
        <div>
          <!-- stretch -->
          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <!-- <el-tab-pane label="通知管理" name="NewsManagement">
            </el-tab-pane> -->
            <!-- <el-tab-pane label="配置管理" name="second">
              <router-view></router-view>
            </el-tab-pane>
            <el-tab-pane label="角色管理" name="third">
              <router-view></router-view>
            </el-tab-pane>
            <el-tab-pane label="定时任务补偿" name="fourth">
              <router-view></router-view>
            </el-tab-pane> -->
            <el-tab-pane label="个人信息" name="userSetting">
            </el-tab-pane>
          </el-tabs>
        </div>
        <div>
          <router-view></router-view>
        </div>
      </el-card>
    </div>
  </div>
</template>
<script>
export default {
   data() {
      return {
        activeName:'UserSetting'
      }
   },
   created(){
   },
   mounted(){
      this.$router.push({path: '/Setting/'+this.activeName});
   },
   methods:{
      handleClick(tab, event) {
        // console.log(tab, event);
        // console.log(this.activeName);
        this.$router.push({path: '/Setting/'+this.activeName});
      }
   },
}
</script>
<style scoped>

</style>
